import '@ant-design-vue/pro-layout/dist/style.css'
// import 'ant-design-vue/dist/antd.variable.min.css'

import { ConfigProvider } from 'ant-design-vue'
import ProLayout, { PageContainer } from '@ant-design-vue/pro-layout'
import * as antIcons from '@ant-design/icons-vue'
import vRometeJs from 'v-remote-js'

import '../jquery2-24.js'

import * as echarts from 'echarts'

import vue3TreeOrg from 'vue3-tree-org'
import 'vue3-tree-org/lib/vue3-tree-org.css'

import MyModal from './components/MyModal/MyModal.vue'
import NcVideo from './components/NcVideo/NcVideo.vue'
import DxToken from './components/DxToken.vue'
import { FloatButton } from 'ant-design-vue'

import { createApp } from 'vue'
import router from './router'
import { store } from './store'
import App from './App.vue'
import './permission'

import { message } from 'ant-design-vue'

const app = createApp(App)

Object.keys(antIcons).forEach((key: string) => {
  app.component(key, antIcons[key as keyof typeof antIcons])
})

app.component('MyModal', MyModal)
app.component('NcVideo', NcVideo)
app.component('DxToken', DxToken)

app.config.globalProperties.$echarts = echarts

message.config({ maxCount: 1 })

app
  .use(router)
  .use(vue3TreeOrg)
  .use(store)
  .use(ConfigProvider)
  .use(ProLayout)
  .use(PageContainer)
  .use(vRometeJs)
  .use(FloatButton)
  .mount('#app')
